<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I create a link to a web site in a text box?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I create a link to a web site in a text box?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_A9736E1C-BDA1-40C5-8DA5-54391E0EDF64" class="text-block-content">
    <p><em>Note: To link to an HTML page you have stored in </em><a href="content.hlp?docId=whatistheresourcestool"><em>Resources</em></a><em>, see </em><a href="content.hlp?docId=howdoicreatealinktoaresourcesiteminatextbox"><em>How do I create a link to a Resources item in a text box?</em></a></p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-text">
    <h2 class="step-title screensteps-heading">Select the text.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/599/original/2124a41a-ff96-46d6-8206-ff62d9f4a8e3.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/599/medium/2124a41a-ff96-46d6-8206-ff62d9f4a8e3.png" alt="" height="291" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_FEAAAC1A-95B9-4F08-BA70-68EABF26C81A" class="text-block-content">
    <p>In the text box, select the text you would like to serve as a link to a web site. For accessibility, you should use <a href="content.hlp?docId=whatdoesitmeantomakecontentaccessible">meaningful text</a><span style="color:rgb(0,128,255);"> </span>to describe your link.</p>
<p><em>Note: If you do not select text, the text of the link will display in full, linked to the site (e.g., </em><a href="http://collab.itc.virginia.edu/" target="_blank"><em>http://www.oed.com</em></a><em>).</em></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-the-link-icon">
    <h2 class="step-title screensteps-heading">Click the Link icon.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/597/original/a12b12ba-a87b-43e1-a13d-8a4185033496.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/597/medium/a12b12ba-a87b-43e1-a13d-8a4185033496.png" alt="" height="291" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_F65534B1-73AF-4A99-BAC0-643BB1C57F52" class="text-block-content">
    <p>The <strong>Link</strong> icon looks like a chain link.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="or-use-ctrl-command-l-on-the-keyboard-to-open-the-link-dialog-box">
    <h2 class="step-title screensteps-heading">Or use Ctrl/Command-L on the keyboard to open the Link dialog box.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/001/343/781/original/6aae921b-b01b-4106-bf01-79266b447b2d.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/001/343/781/medium/6aae921b-b01b-4106-bf01-79266b447b2d.png" alt="" height="220" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_FD542CDF-B866-4638-B152-57B2F8A5EAFF" class="text-block-content">
    <p>Alternatively, you can open the <em>Link</em> dialog box with the keyboard command <strong>Ctrl + L</strong> (in Windows) or <strong>Command + L</strong> (on a Mac).</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="enter-the-url">
    <h2 class="step-title screensteps-heading">Enter the URL.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/005/161/124/original/2cb8b8af-71b7-4b26-a577-3e14fe2e7e55.png" alt="" height="379" width="472">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_B99D7D6C-3536-49E1-9081-EE5A41C42C39" class="text-block-content">
    <p>The <em>Link</em> window will pop up for you to enter the link (URL).</p>
<ol>
<li>Enter or paste (<strong>CTRL-V</strong> on PC or <strong>COMMAND-V</strong> on Mac) the <strong>URL</strong> for the web page to which you are linking in the box marked <strong>URL</strong>.</li>
<li>Click <strong>OK</strong> to confirm the addition of the link.</li>
</ol>
<p><em>Note: To link to an HTML page you have stored in </em><a href="content.hlp?docId=whatistheresourcestool"><em>Resources</em></a><em>, see </em><a href="content.hlp?docId=howdoicreatealinktoaresourcesiteminatextbox"><em>How do I create a link to a Resources item in a text box?</em></a></p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="view-link-in-editor">
    <h2 class="step-title screensteps-heading">View link in editor.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/003/230/601/original/819345c6-b1c1-4039-9f6a-7c5731ddd2d9.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/003/230/601/medium/819345c6-b1c1-4039-9f6a-7c5731ddd2d9.png" alt="" height="288" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_BDE4B9D6-78F7-49DE-97C8-DDCED93EF493" class="text-block-content">
    <p>The linked text will be underlined.</p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
